<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<!--
    1.Idea
    2.事件：用户或者是浏览器触发的
    3.事件处理程序，处理事件的函数操作，一般都是带“on”
            html事件处理程序------借助元素带on的属性
            js事件处理程序：dome0级别  document.getElementById("box").onclick=function(){}
                           dome2级别 document.getElementById("box").addEventListener();

        4.addEventListener(eventname,fn,boo)------给某个事件添加事件监听
            (1)eventname:事件名称
            （2）fn：处理事件的函数
            （3）boo:这是一个布尔类型的值，true(捕获) false(冒泡)

        5，网景：事件捕获   从大到小    window---html--body---元素
            ie：事件冒泡   从小到大     目标元素---bosy---html-window

         6, 事件阻止，事件拦截-----Event
                如何获取event，在事件处理函数中以参数的形式传递进来

-->
</body>

</html>